{literal}
<script type="text/javascript">
	$(document).ready(function() {
		activeMenu('2', '4');		
	});	
</script>
{/literal}

<div class='nav_left'>
	<div class='nav_right'>
		<div class='nav_bg' id="chromemenuMedHis">
			<a id='loadDemographicsLink' href="javascript:loadPage('pageContent', 'loadDemographicsPage', {$patientId})">{translate}Demographic information{/translate}</a>
			<a id='loadServiceLink' href="javascript:loadPage('pageContent', '../Ticket/DisplayAjax', {$patientId})">{translate}Service{/translate}</a>
			<a id='loadEncounterLink' href="javascript:loadMedicalRecordPage('pageContent', '../MedicalRecord/display', {$patientId}, {$canEditEncounter})">{translate}Medicial examination{/translate}</a>			
			<a id='loadHistoryLink' href="#" rel="dropmenuMedHis"  class='last'>{translate}Medicial history{/translate}</a>
		</div>
	</div>
</div>
<div id="dropmenuMedHis" class="dropmenudiv2">
	<a id='loadIssueLink' href="javascript:loadPage('pageContent', 'loadIssuePage', {$patientId})">{translate}Personal information{/translate}</a>
	<a id='loadAllergyLink' href="javascript:loadPage('pageContent', 'loadAllergyPage', {$patientId})">{translate}Allergy{/translate}</a>
	<a id='loadChronicLink' href="javascript:loadPage('pageContent', 'loadChronicPage', {$patientId})">{translate}Chronic disease{/translate}</a>
	<a id='loadDiseaseLink' href="javascript:loadPage('pageContent', 'loadOtherDiseasePage', {$patientId})">{translate}Other disease{/translate}</a>
	<a id='loadPastSurgeryLink' href="javascript:loadPage('pageContent', 'loadSurgeryPage', {$patientId})" class='last'>{translate}Last surgeries{/translate}</a>
</div>
<script type="text/javascript">
	cssdropdown.startchromeFixedPos("chromemenuMedHis");
</script>

<div class='separator'></div>
<div class='patientInfo' align="center">
	<span>
		{translate}Patient{/translate}: <span class='greenInfo' id="patientName">{$patientName}</span> -  
		<span class='greenInfo' id="patientDob">{translate p1=$patientDob p2=$patientAge}%s (Age %s){/translate}</span> - 
		{translate}ID{/translate}: <span class='greenInfo'>{$patientCode}</span> - 
		{translate}Latest examination{/translate}: <span class='greenInfo' id="lastExam">{$lastExam}</span>
	</span>
</div>
<div class='separator'></div>
<div id="barLoading" style="display:none; width: 590px;" align="center">
	<img src="{$base_uri}/images/ajax-loader.gif"/>
</div>
<div id='pageContent' style='display: block;'>
</div>